<template>
	<view class="mall-v-item">
		<image class="img" :src="goods.minImg"></image>
		<view class="con">
			<text class="name">{{goods.name}}</text>
			<text class="desc">{{goods.info}}</text>
			<view class="prices">
				<text class="now">￥{{goods.nowPrice}}</text>
				<text class="old">￥{{goods.oldPrice}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			goods:Object
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="stylus">
	.mall-v-item
		padding 10rpx 10rpx
		border-radius 5rpx
		height 480rpx
		background-color white
		width 330rpx
		margin-bottom 20rpx
		.img
			width 100%
			height 320rpx
			border-radius 10rpx
		.con
			padding 20rpx 22rpx 26rpx 22rpx
			overflow hidden
			display flex
			flex-direction column
			.name
				white-space nowrap
				text-overflow ellipsis
				overflow hidden
				font-size:32rpx;
				color:rgba(111,111,111,1);
				margin-bottom 11rpx
				line-height 32rpx
			.desc
				color #A1A1A1
				font-size 20rpx
				line-height 20rpx
				overflow hidden
				text-overflow ellipsis
				white-space nowrap
				margin-bottom 18rpx
			.prices
				.now
					color #F1652E
					margin-right 9rpx
					font-size 32rpx
					line-height 32rpx
				.old
					text-decoration line-through
					color #A1A1A1
					font-size 24rpx
					line-height 24rpx
				
				
			
			
</style>
